<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <link rel="shortcut icon" href="./icons/myNewTab-128.ico">
    <title>新标签页</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <style>
        /* 除直接操作body之外, 也可使用div或container */
        body {
            padding: 0;
            /* 移除默认内边距 */
            margin: 0;
            /* 移除默认边距 */
            width: 100vw;
            /* 容器宽度 */
            height: 100vh;
            /* 容器高度 */
            overflow: hidden;
            /* 隐藏超出容器的图片部分 */
            display: flex;
            /* 使用flex布局 */
            justify-content: center;
            /* 水平居中 */
            align-items: center;
            /* 垂直居中 */
        }

        body img {
            width: 100%;
            /* 图片宽度占满容器 */
            height: 100%;
            /* 图片高度占满容器 */
            object-fit: cover;
            /* 图片裁剪方式 */
        }
    </style>
</head>

<body>
    <img src="pictures\1720414189074.jpg" alt="Background image" />
</body>


</html>